<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新闻—首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../res/layui/css/layui.css">
	<link rel="stylesheet" href="../res/static/css/index.css">
</head>
<body>

<div class="news-header">
  <div class="layui-container">
    <a id="logo" href="index.html"><img src="../res/static/img/logo.png"></a>
    <ul class="layui-nav header-nav close">
      <li class="layui-nav-item layui-this">
        <a href="index.html">首页</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">热点</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">财经</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">科技</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">游戏</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">娱乐</a>
      </li>
      <li class="layui-nav-item more">
        <a href="javaScript:;">更多</a>
        <dl class="layui-nav-child">
          <dd><a class="hida" href="list.html">生活</a> <a class="hida" href="list.html">国际</a></dd>
          <dd><a class="hida" href="list.html">军事</a> <a class="hida" href="list.html">育儿</a></dd>
          <dd><a class="hida" href="list.html">体育</a> <a class="hida" href="list.html">美食</a></dd>
        </dl>
      </li>
    </ul>
    <button id="switch">
      <span></span><span class="second"></span><span class="third"></span>
    </button>
    <div class="layui-form header-search">
      <input type="text" placeholder="诺基亚" class="layui-input">
    </div>
    <div class="layui-form header-login">
      <a href="login.html">登入</a>
      <a href=""><i class="layui-icon layui-icon-news-qq"></i></a>
      <a href=""><i class="layui-icon layui-icon-news-wechat"></i></a>
    </div>
    <ul class="layui-nav header-login">
      <li class="layui-nav-item">
        <a href="javascript:;"><img src="../res/static/img/header1.png" class="layui-nav-img"></a>
        <dl class="layui-nav-child">
          <dd><a href="user.html">个人中心</a></dd>
          <dd><a href="javascript:;">退出登录</a></dd>
        </dl>
      </li>
    </ul>
  </div>
</div>

<div class="layui-container news-index">
	<div class="layui-row layui-col-space20 contentTop">
    <div class="layui-col-sm8">
      <div class="layui-carousel" id="newsIndex">
        <div carousel-item>
          <div><img src="../res/static/img/home_img1.jpg"></div>
          <div><img src="../res/static/img/home_img1.jpg"></div>
        </div>
        <p id="txt"><span>“几亿人都在买”拼多多，终被刘强东“质疑”：网友回复“打脸”</span></p>
      </div>
    </div>
    <div class="layui-col-xs6 layui-col-sm4">
     	<div class="banner-img">
	     	<img src="../res/static/img/home_img2.jpg">
	     	<div><p><span>娱乐</span>明星给自己颜值打分，王源7分，杨颖满分，千玺的回答圈粉无数</p></div>
     	</div>
    </div>
    <div class="layui-col-xs6 layui-col-sm4">
     	<div class="banner-img">
	     	<img src="../res/static/img/home_img3.jpg">
	     	<div><p><span>科技</span>华为手机这 3 个功能实用又有趣，不知道就可惜了！</p></div>
     	</div>
    </div>
	 </div>
	<div class="layui-row layui-col-space20 contentBot">
    <div class="layui-col-md8 index-list">
    	<h2>推荐新闻</h2>
    	<ul class="newsList">
    		<li>
    			<a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
    				<a href="detail.html">20万存银行一年利息是多少？</a>
    				<div class="label"><span>财经</span>财经网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    				<p class="cont">20万存银行一年利息是多少？这是大家常思考的问题，那么利息到底是多少呢？这需要看你是存定期，还是存活期...</p>
    			</div>
    		</li>
    		<li>
    			<a class="img" href="javascript:;"><img src="../res/static/img/home_img5.jpg"></a><div class="txt">
    				<a href="detail.html">杨紫说出了娱乐圈的黑幕，曝光了baby演技这么差为什么还片约不断</a>
    				<div class="label"><span class="violet">娱乐</span>生活网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    				<p class="cont">凭借着黄晓明妻子的身份，baby在内地娱乐圈发展得顺风顺水，很多人完全不理解为何就杨颖这样演技并不突出的...</p>
    			</div>
    		</li>
    		<li>
    			<a class="img" href="javascript:;"><img src="../res/static/img/home_img6.jpg"></a><div class="txt">
    				<a href="detail.html">这才是柠檬水的正确喝法，原来这么多年都泡错了！</a>
    				<div class="label"><span class="orange">生活</span>生活网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    				<p class="cont">千万别去皮。食用前先用面粉搓洗，再用一把盐揉搓表皮，去除残留的农药和蜡，最后用清水冲洗两遍即可。将洗好...</p>
    			</div>
    		</li>
    		<li class="newsList2">
    			<div class="title"><a href="detail.html">王者荣耀走下坡路，七个原因告诉你为什么，句句在理</a></div>
    			<a href="javascript:;"><img src="../res/static/img/home_img7.jpg"></a><a href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><a href="javascript:;" class="last"><img src="../res/static/img/home_img9.jpg"></a>
    			<div class="label"><span class="red">游戏</span>游戏网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    		</li>
    		<li>
    			<a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
    				<a href="detail.html">20万存银行一年利息是多少？</a>
    				<div class="label"><span>财经</span>财经网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    				<p class="cont">20万存银行一年利息是多少？这是大家常思考的问题，那么利息到底是多少呢？这需要看你是存定期，还是存活期...</p>
    			</div>
    		</li>
    		<li>
    			<a class="img" href="javascript:;"><img src="../res/static/img/home_img5.jpg"></a><div class="txt">
    				<a href="detail.html">杨紫说出了娱乐圈的黑幕，曝光了baby演技这么差为什么还片约 不断</a>
    				<div class="label"><span class="violet">娱乐</span>生活网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    				<p class="cont">凭借着黄晓明妻子的身份，baby在内地娱乐圈发展得顺风顺水，很多人完全不理解为何就杨颖这样演技并不突出的...</p>
    			</div>
    		</li>
    		<li>
    			<a class="img" href="javascript:;"><img src="../res/static/img/home_img6.jpg"></a><div class="txt">
    				<a href="detail.html">这才是柠檬水的正确喝法，原来这么多年都泡错了！</a>
    				<div class="label"><span class="orange">生活</span>生活网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
    				<p class="cont">千万别去皮。食用前先用面粉搓洗，再用一把盐揉搓表皮，去除残留的农药和蜡，最后用清水冲洗两遍即可。将洗好...</p>
    			</div>
    		</li>
        <li>
          <a class="img" href="javascript:;"><img src="../res/static/img/paging_img5.jpg"></a><div class="txt">
            <a href="detail.html">这七个坏习惯从小没改过来，警惕娃会越长越丑</a>
            <div class="label"><span class="green">育儿</span>生活网 <b>2018-06-06</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
            <p class="cont">不要以为孩子的美丑都只靠基因决定的。其实在养育宝宝的过程中，对宝宝的生活细节细心照顾，也能让宝宝越来越好看！</p>
          </div>
        </li>
    	</ul>
    	<div class="btn"><a href="javascript:;" class="layui-btn layui-btn-primary">点击加载更多</a></div>		
    </div>
    <div class="layui-col-md4 index-side">
    	<div class="newsSide">
	     	<h2>24小时热文</h2>
	     	<ul>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img10.jpg"></span><p class="txt">今日魔都烟雾缭绕，美似仙境！</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img11.jpg"></span><p class="txt">美计划调高对华商品征税税率 外交部：施压与讹诈不会起作用</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img12.jpg"></span><p class="txt">烟草纳税万亿！一包20元的烟利润 是多少钱？烟民：为了纳税而抽烟</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img13.jpg"></span><p class="txt">移动端游戏占领大部分市场</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img14.jpg"></span><p class="txt">八一建军节天安门升旗仪式</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img10.jpg"></span><p class="txt">今日魔都烟雾缭绕，美似仙境！</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img11.jpg"></span><p class="txt">美计划调高对华商品征税税率 外交 部：施压与讹诈不会起作用</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img12.jpg"></span><p class="txt">烟草纳税万亿！一包20元的烟利润 是多少钱？烟民：为了纳税而抽烟</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img13.jpg"></span><p class="txt">移动端游戏占领大部分市场</p></a></li>
	     		<li><a href="javascript:;"><span><img src="../res/static/img/home_img14.jpg"></span><p class="txt">八一建军节天安门升旗仪式</p></a></li>
	     	</ul>
	    </div>
    </div>
	</div>
  <div id="silde"><a id="refresh"><i class="layui-icon layui-icon-refresh"></i></a><a id="scroll"><i class="layui-icon layui-icon-up"></i></a></div>
</div>

<div class="news-footer">
  <div class="layui-container">
    <span class="layui-breadcrumb" lay-separator=" ">
      <a>关于我们</a>
      <a>合作伙伴</a>
      <a>广告服务</a>
      <a>常见问题</a>
    </span>
    <p class="copyright">Copyright &copy; 新闻网 赣ICP备12345678号</p>
    <a id="wechat" href=""><i class="layui-icon layui-icon-news-wechat"></i></a>
    <a id="weibo" href=""><i class="layui-icon layui-icon-news-weibo"></i></a>
    <img id="code" src="../res/static/img/code.png">
  </div>
</div>

<script src="../res/layui/layui.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '../res/static/js/' 
  }).use('news'); 
</script>

</body>
</html>